div.module-wrapper
{
    float: left;
    width: 100px;
    height: 50px;
    line-height: 50px;
    background-color: #eee;
    margin: 20px;
}

div.module-wrapper span.name
{
    color: red;
    margin-left: 5px;
}

div.module-wrapper.module-selected
{
    border: 1px dotted grey;
}


/* view's icon */
#teamgroups-icon {
    background: transparent;
    font: 11px Arial, Helvetica, sans-serif;
}

#teamgroups-icon .thumb-wrap {
    float: right;
    margin-right: 15px;

    display: inline-block;
}

#teamgroups-icon .thumb {
    padding: 2px;
}

#teamgroups-icon .x-view-over {
    border:1px solid #dddddd;
    background: #efefef;
    padding: 10px;
}

#teamgroups-icon .x-item-selected {
    background: #DFEDFF;
    border: 1px solid #6593cf;
    border-radius: 5px;
}

#teamgroups-icon .x-item-selected .thumb {
    
}

/* view's icon */
#personal-icon {
    background: transparent;
    font: 11px Arial, Helvetica, sans-serif;
}

#personal-icon .thumb-wrap {
    float: left;
    margin-left: 15px;

    display: inline-block;
}

#personal-icon .thumb {
    padding: 2px;
}

#personal-icon .x-view-over {
    border:1px solid blue;
    background: #efefef;
    padding: 10px;
    border-radius: 5px;
}

#personal-icon .x-item-selected {
    background: #DFEDFF;
    border: 1px solid #93ADB8;
    border-radius: 5px;
}

#personal-icon .x-item-selected .thumb {
    
}

#toolboxBtn {
    background-image: url('../images/icons/toolbox_icon48.png') !important;
}

